<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
<body style="background: linear-gradient(to top right, #dcc5c5, #c3c3c3, #f6fff4)">
<div>
    <div >
        <div style="background: linear-gradient(to top right, #dcc5c5, #c3c3c3, #f6fff4);width: 100%;height: 720px;">
            <div style="margin-left: 200px;display: block;margin-top: 30px;">
                <p>
                    <span style="color:red;top: 40px;">课程></span>
                    <span>精品课程></span>
                    <span id="parentName">【千锋学院】</span>
                    <span></span>
                    <span class="className">${className}</span>
                </p>
                <div>
                    <div style="width: 400px;float: left">
                        <img
                                width="400px"
                                height="400px"
                                src="${photo}"
                        />
                    </div>
                    <div style="width: 1000px;height: 400px;margin-left: 30px;background: linear-gradient(to top right, #dcc5c5, #c3c3c3, #f6fff4);">
						<div style="margin-left: 400px;">
                            <#--这里的占位符是 Freemarker的占位符  主要从域对象中获取数据-->
							<span class="className">【千锋学院】<span>${className}</span></span>
							<h5 id="classInfo">
							    <span>${classDes}</span>
							</h5>
							<div style="margin-left: 40px;">
								<span id="classNum"><span>价格:￥</span><span style="text-decoration: line-through;">${price}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>

                                    <#--这里的占位符 是LUA脚本动态去获取这个数据的占位符-->
								<#--<span id="price" style="display: block;margin-top: 30px;">秒杀价格:￥<span>{{price}}</span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>-->
								<#--<span id="count" style="display: block;margin-top: 30px;">秒杀库存:<span>{{quanty}}</span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
								<span id="price" style="display: block;margin-top: 30px;">秒杀价格:￥<span>${seckillPrice}</span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>
								<span id="count" style="display: block;margin-top: 30px;">秒杀库存:<span>${quanty}</span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


                                    <#--<span id="classNum" style="display: block;margin-top: 30px;">秒杀价格:￥<span>${seckPrice}</span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>-->
								<#--<span id="classNum" style="display: block;margin-top: 30px;">秒杀库存:<span>${count}</span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->

								<span id="classNum" style="display: block;margin-top: 30px;">秒杀剩余时间:00:32:48</span>
								<button style="margin-top: 30px;width: 100px;height: 30px;background-color: orange;color: aliceblue;border: none;" @click="seckillBtn(event,${classId})">立即秒杀</button>
							</div>
						</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
